.login-content {
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  min-width: 1088px;
  background-image: url("@/assets/images/login_bg.svg");
  background-position: 50%;
  background-size: cover;

  &-box {
    width: 95%;
    height: 93%;
    border-radius: 10px;

    ul {
      height: 100%;
      margin: 0 20px;

      .box-item-switch {
        height: 80px;

        &-content {
          height: 100%;
          display: flex;
          justify-content: flex-end;
          align-items: center;
        }
      }

      .box-item-bottom {
        height: calc(100% - 80px);
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;

        &-content {
          height: 70%;
          width: 80%;
          display: flex;
          flex-direction: row;
          align-items: center;
          flex-wrap: nowrap;

          &-log {
            width: 60%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;

            img {
              width: 110%;
            }
          }

          &-form {
            width: 520px;
            height: 420px;
            box-shadow: 2px 3px 7px #0003;
            border-radius: 10px;

            ul {
              height: 100%;
              width: 100%;
              margin: 0;
            }
          }
        }

        &-logo {
          height: 140px;
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center;

          img {
            width: 70px;
          }

          span {
            margin-left: 22px;
            font-size: 48px;
            font-weight: bold;
            white-space: nowrap;
            color: #475768;
          }
        }

        &-login {
          height: 280px;
          width: 100%;
          display: flex;
          flex-direction: column;
          justify-content: space-around;
          align-items: center;
        }
      }
    }
  }
}
